﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="XiaohaoTypePortait.aspx.cs"
    Inherits="Catering.Catering_Page.Kufang.XiaohaoTypePortait" %>
<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=10.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"
    Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>
<%@ Register Src="../../UCPanle/DDLTool.ascx" TagName="DDLTool" TagPrefix="uc1" %>
<%@ Register src="../../UCPanle/UCSearchToolWithDate.ascx" tagname="UCSearchToolWithDate" tagprefix="uc3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../Style/head.css" />
    <link rel="stylesheet" type="text/css" href="../../Style/center.css" />
    <link href="../../Style/zhezhao.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="../../Style/xxk.js" type="text/javascript"></script>
    <script src="../../Style/zhezhao.js" type="text/javascript"></script>
    <script type="text/javascript" src="../Tool_Reporter/js/jquery.min.js"></script>
    <style type="text/css">
    #containertable table th{ height:30px; line-height:30px; text-align:center; font-weight:bold; background-image:url(../../../Images/tzgg_2.gif)}
    #containertable table td{ height:30px; line-height:30px; text-align:center;}
    </style>
    <script type="text/javascript">
        function GetDataGroup(title, data) {
            var chart;
            var banzuptions = {
                chart: { renderTo: 'container' }, //容器ID
                title: { text: title }, //报表大标题
                //subtitle: { text: '报表小标题' }, //报表小标题
                xAxis: {//x轴
                    type: 'sdf',
                    categories: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
                    gridLineWidth: 0,
                    labels: { align: 'right',
                        rotation: -45,
                        style: {
                            fontSize: '13px',
                            fontFamily: '宋体,Verdana'
                        }
                    }
                },
                yAxis: [{ // left y axis
                    title: {
                        text: null
                    },
                    labels: {
                        formatter: function () {
                            return Highcharts.numberFormat(this.value, 0);
                        }
                    },
                    showFirstLabel: false
                },
                { // right y axis
                    linkedTo: 0,
                    gridLineWidth: 1,
                    opposite: true,
                    title: { text: null },
                    labels: {
                        formatter: function () {
                            return Highcharts.numberFormat(this.value, 0);
                        }
                    },
                    showFirstLabel: true
                }],
                tooltip: {
                    formatter: function () {
                        return '<b>' + this.x + '：</b><br/>' +
                        this.series.name + '：' + this.y;
                    }
                },
                series: []
            };
            for (var i = 1; i < arguments.length; i++) {
                banzuptions.series[i - 1] = arguments[i];
            }
            chart = new Highcharts.Chart(banzuptions);
        }

        function SetTableData(htm) {
            document.getElementById("containertable").innerHTML = htm;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <script type="text/javascript" src="../Tool_Reporter/js/highcharts.js"></script>
    <script type="text/javascript" src="../Tool_Reporter/js/modules/exporting.js"></script>
    <script type="text/javascript" src="../Tool_Reporter/js/highslide-full.min.js"></script>
    <script type="text/javascript" src="../Tool_Reporter/js/highslide.config.js" charset="utf-8"></script>
    <asp:ScriptManager ID="ScriptManager1" ScriptMode="Release" runat="server">
    </asp:ScriptManager>
    <div id="div_se_1" class="nav_2" style="display: block">
        <div class="nav_2_1"><img src="../../Images/nav2_bg1.gif" /></div>
        <ul>
            <%--<li style="background: none; width:60px; "><a href="CostDataStatistics.aspx"><span id="span_peic_1" class="feise_border">成本统计</span></a></li>--%>
            <li style="background: none; width:60px; "><a href="XiaohaoTypeCrossChar.aspx"><span id="span_peic_2" class="lvse_border">消耗统计</span></a></li>
            <li style="background: none; width:130px; "><a href="DataStates.aspx"><span id="span_peic_3" class="feise_border">出入库状态统计</span></a></li>
        </ul>
        <div class="nav_2_3"><img src="../../Images/nav2_bg2.gif" /></div>
    </div>
    <div class="xxk_button1">
        <ul>
            <li id="li2_1" class="li_out"><a href="XiaohaoTypeCrossChar.aspx" >消耗分类横向对比图</a></li>
            <li id="li2_2" class="li_over"><a href="XiaohaoTypePortait.aspx" >消耗分类纵向对比图</a></li>
            <li id="li2_3" class="li_out"><a href="GroceryDetail.aspx" >自付费杂品明细</a></li>
            <li id="li2_4" class="li_out"><a href="HallYearAtePage.aspx" >年度伙食统计表</a></li>
        </ul>
    </div>
    <div class="Center_Content" id="div2_2" style="display: block">
        <div class="div_0207" style="height:80px; width:998px;">
            <table align="left" height="80" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#E5F1FD;">
                <thead>
                    <tr>
                        <td height="34"><uc1:DDLTool ID="DDLTool1" runat="server" /></td>
                        <td width="100" align="right">
                            <asp:LinkButton ID="LinkButton1" CssClass="input_btn_a" runat="server" OnClick="LinkButton1_Click">开始统计</asp:LinkButton>
                        </td>
                        <td width="10"></td>
                    </tr>
                    <tr>
                        <td colspan="3" style="padding:0px 10px;>
                            <uc3:UCSearchToolWithDate ID="UCSearchToolWithDate1" DisplayYear="false" DisplayMonth="false" runat="server" />
                        </td>
                    </tr>
                </thead>
            </table>
        </div>
        <div class="Create_Recipe">
            <div id="container" style="width: 1000px; height: 400px; margin: 0 auto"></div>
            <div id="containertable" style="width: 1000px; margin: 10 auto"></div>           
        </div>
    </div>
    <div class="footer" >
  <strong>中海油能源发展配餐服务公司渤海自营油田作业公司</strong><span>版权所有@CopyRight 2012</span>
  </div>
    </form>
</body>
</html>
